<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j">

	<body>
		<ui:composition template="/templates/template.xhtml">
			<ui:define name="title">RichFaces Sample</ui:define>
			<ui:define name="body">
				<h:form>
					<h:selectOneMenu value="#{selectsBean.currentType}" valueChangeListener="#{selectsBean.valueChanged}">
						<f:selectItems value="#{selectsBean.firstList}" />
						<a4j:ajax event="valueChange" render="second" execute="@this" />
					</h:selectOneMenu>
					<a4j:outputPanel id="second" layout="block">
						<h:selectOneMenu value="#{selectsBean.secondType}" rendered="#{not empty selectsBean.currentType}" valueChangeListener="#{selectsBean.secondValueChanged}">
							<f:selectItems value="#{selectsBean.secondList}" />
							<a4j:ajax event="valueChange" render="third" execute="@this" />
						</h:selectOneMenu>
					</a4j:outputPanel>
					<a4j:outputPanel id="third" layout="block">
						<h:selectOneMenu value="#{selectsBean.thirdType}" rendered="#{not empty selectsBean.secondType}">
							<f:selectItems value="#{selectsBean.thirdList}" />
						</h:selectOneMenu>
					</a4j:outputPanel>    
					<h:outputText value="Select Type" />
                    <h:selectOneRadio value="#{selectsBean.radio}" valueChangeListener="#{selectsBean.selectRadio}">
                        <f:selectItem itemLabel="Yes" itemValue="Y" />
                        <f:selectItem itemLabel="No" itemValue="N" />
						<a4j:ajax event="valueChange" render="fourth" execute="@this" />
                    </h:selectOneRadio>
                    
					<a4j:outputPanel id="fourth" layout="block">
						<h:outputText value="Selected Yes" rendered="#{selectsBean.radio =='Y'}"/>    
						<h:outputText value="Selected No" rendered="#{selectsBean.radio =='N'}"/>    
					</a4j:outputPanel>
					<h:commandButton value="Submit Values" action="#{selectsBean.save()}"/>    
				</h:form>		
			</ui:define>
		</ui:composition>
	</body>
</html>